<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
<input type="button" id="btn">发送请求</input>
</body>
<script type="text/javascript">
    var websocket = null;
    var username = localStorage.getItem("name");
    //判断当前浏览器是否支持WebSocket
    if ('WebSocket' in window) {
        websocket = new WebSocket("ws://" + "10.29.50.231:9887");
    } else {
        alert('当前浏览器 Not support websocket')
    }
    //连接发生错误的回调方法
    websocket.onerror = function() {
        console.log("连接失败！！")

    };
    //连接成功建立的回调方法
    websocket.onopen = function() {
        console.log("连接成功！！")
        //websocket.send("send test message")
    }
    //接收到消息的回调方法
    websocket.onmessage = function(event) {
        console.log(event);
    }
    //连接关闭的回调方法
    websocket.onclose = function() {
        setMessageInnerHTML("WebSocket连接关闭");
    }
    //监听窗口关闭事件，当窗口关闭时，主动去关闭websocket连接，防止连接还没断开就关闭窗口，server端会抛异常。
    window.onbeforeunload = function() {
        closeWebSocket();
    }
    //关闭WebSocket连接
    function closeWebSocket() {
        websocket.close();
    }
    document.getElementById("btn").onclick = function () {
        websocket.send("send test message")

    };

</script>
</html>
